<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>添加病例</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
    <link rel="stylesheet" type="text/css" href="../css/mui.picker.min.css" />
    <style type="text/css">
     	.mui-radio input[type=radio]:checked:before {color:#8dc21f;}
     	.mui-radio.mui-left input[type=radio]{left:0px;}
    	.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size:14px;position:relative;top:-5px;}
    	.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-right:0px;padding-left:25px;}
    	.mui-navigate-right:after{right: 0px;}
    	textarea{margin:0px;padding:0px;margin-top:5px;border:none;font-size:14px;}
    	.mui-btn-blue{border: 1px solid #8dc21f;background-color: #8dc21f;}
    	.mui-btn-blue{border: 1px solid #8dc21f;background-color: #8dc21f;}
    	.mui-input-row label {float: left;width: 70px;padding: 11px 0px 11px 15px;}
    	.mui-input-row label~input{width: calc(100% - 70px);}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">添加病例</h1>
	</header> 
	<div id="content" class="mui-content"></div>
	<ul class="mui-input-group mui-table-view">
		<li class="mui-input-row">
			<label>姓名：</label>
			<input type="text" class="mui-input-clear"value=""  placeholder="请输入姓名"/>
		</li>
		<li class="mui-input-row">
			<label>病名：</label>
			<input type="text" class="mui-input-clear"value=""  placeholder="请输入病名"/>
		</li>
	 </ul>
	 <div class="table-view-cell mui-table-view background overflow-h ">
	 	<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
				<label>初诊</label>
				<input name="radio1" type="radio" checked>
		</div>
		<div class="mui-radio mui-left mui-col-xs-3 mui-pull-left">
			<label>复诊</label>
			<input name="radio1" type="radio">
		</div>
		<div id="" data-options='' class="mui-navigate-right mui-pull-right font-14  time-data">2016-05-24</div>
	 </div>
	 <div class="table-view-cell background margin-bottom-1">
		<div class="font-14">主诉及病史:</div>
		<textarea name="" rows="4" cols=""placeholder="请在此输入内容..."></textarea>
	 </div>
	 <div class="table-view-cell background margin-bottom-1">
		<div class="font-14">诊断及处方:</div>
		<textarea name="" rows="4" cols=""placeholder="请在此输入内容..."></textarea>
	 </div>
	 <div class="table-view-cell background margin-bottom-1">
		<div class="font-14">诊疗效果及其它:</div>
		<textarea name="" rows="4" cols=""placeholder="请在此输入内容..."></textarea>
	 </div>
	
</body>
<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/mui.min.js"></script>

<script src="../js/mui.picker.min.js"></script>
<script type="text/javascript" charset="UTF-8">
  	mui.init();
</script>
		<script>
			(function($) {
				$.init();
				var result = $('#result')[0];
				var btns = $('.time-data');
				btns.each(function(i, btn) {
					btn.addEventListener('tap', function() {
						var optionsJson = this.getAttribute('data-options') || '{}';
						var options = JSON.parse(optionsJson);
						var id = this.getAttribute('id');
						var picker = new $.DtPicker(options);
						picker.show(function(rs) {
							picker.dispose();
						});
					}, false);
				});
			})(mui);
		</script>
</html>